<template>
  <div id="app" >
    <!-- <nav1></nav1> -->
     <!-- <Music></Music> -->
    <router-view name="nav"></router-view>
    <router-view name="banner"></router-view>
    <router-view name="song"></router-view>
    <router-view name="reminiscence"></router-view>
    <router-view name="seniority"></router-view>
    <router-view name="singer"></router-view>
    <router-view name="tv"></router-view>
    <router-view name="listnav"></router-view>
    <router-view name="comment"></router-view>
    <router-view name="hotsinger"></router-view>
    <router-view name="songtop"></router-view>
    <router-view name="songsheet"></router-view>
    <router-view name="mvtop"></router-view>
    <router-view name="mvlist"></router-view>
    <router-view name="singerid"></router-view>
    <router-view name="song1"></router-view>
    <router-view name="songlist"></router-view>
    <router-view name="songlistTop"></router-view>
    <router-view name="music"></router-view>
    <router-view name="classify"></router-view>
    <router-view name="mvdetali"></router-view>
    <router-view name="booktop"></router-view>
    <router-view name="book"></router-view>
    <router-view name="bookdetail"></router-view>
   
   <!-- <bottom></bottom> -->
  </div>
</template>

<script>

import bottom from './components/bottom'
import nav1 from './components/nav'
import Music from './components/music'

export default {
components:{
  bottom,
  nav1,
Music

},
methods:{
  handleScroll: function() {
      
    }
},
mounted() {
	
},
}
</script>

<style lang="scss" scoped>
.active{
  background-color: black;
}
</style>